0%

[Day24] jsES6語法-常用陣列方法(中)

forEach

如果我們想存取陣列裡面每一個東西,通常會使用到 for 迴圈,如果我們今天想要讓程式更簡潔一些,可以使用 forEach 方法,他可以自動存取陣列裡面的值而不要設定初始值和條件。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
let people = [
{
name:'Leo',
money:100
},
{
name:'Peter',
money:200
}
];

people.forEach(function(item,index){
item.icash = item.money + 100;
console.log(item)
});

map

與 forEach 和 map 最大的差異在於,map 必須回傳東西,除此之外他的功能就和 forEach 一樣,如果我們今天沒有 return 值,就會回傳 undefined。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
let people = [
{
name:'Leo',
money:100
},
{
name:'Peter',
money:200
}
];

let newpeople = people.map(function(item,index){
return {
...item,
icash:item.money+500
}
});

console.log(newpeople);